<template>
  <div class="flex">
    <DictType class="w-1/4 xl:w-1/4" @select="handleRowClick"></DictType>
    <DictData class="w-3/4 xl:w-3/4" :searchInfo="searchInfo" />
  </div>
</template>
<script lang="ts" setup>
import { reactive } from 'vue'
import DictData from './DictData.vue'
import DictType from './DictType.vue'

defineOptions({ name: 'SystemDict' })

const searchInfo = reactive<Recordable>({
  type: '',
  parentId: ''
})

function handleRowClick(type) {
  searchInfo.type = type
}
</script>
